<script setup lang="ts">
import MprOpBtnWrapper from "@renderer/view/components/OpBtnWrapper/MprOpBtnWrapper.vue";
import { getActiveTabViewOp, useGetCurrentView } from "@renderer/view/hooks/common";
import { onActivated, provide, ref, onMounted } from "vue";
import MultiViewBySetting from "@renderer/view/normal/mpr/components/MultiViewBySetting.vue";

const { tabId } = useGetCurrentView();

const {
  activeViewRef: activeView
} = getActiveTabViewOp()

const gotImgRef = ref(false);
provide("tabInfo", {
  gotImg: gotImgRef,
  activeView: activeView,
  tabId,
});

onMounted(() => {
  console.log('mpr mounted');
})
onActivated(() => {
  console.log('mpr activated');
})
</script>

<template>
  <div class="w-full h-full flex flex-col position-relative">
    <mpr-op-btn-wrapper />
    <div class="flex-1 flex">
      <div class="flex-1 h-full p-[5px]! text-[14px]">
        <multi-view-by-setting  />
      </div>
    </div>
<!--todo -->
<!--    <div v-if="!isGotImg" class="w-full h-full position-absolute left-0 top-0">-->
<!--      <v-overlay-->
<!--        :model-value="true"-->
<!--        :opacity="20"-->
<!--        class="align-center justify-center"-->
<!--        contained-->
<!--      >-->
<!--        <v-progress-circular-->
<!--          color="primary"-->
<!--          size="64"-->
<!--          indeterminate-->
<!--        ></v-progress-circular>-->
<!--      </v-overlay>-->
<!--    </div>-->

  </div>
</template>

<style scoped>

</style>
